<template>
	<view>
		<view class="search-row" style="position: relative;">
			<uni-search-bar placeholder="搜索" bgColor="#fff" @confirm="search" />
			<navigator url="/pages/search/search" class="nav-cover"></navigator>
		</view>
		<!-- 影院熱映 -->
		<view class="movie_container">
			<view>影院热映</view>
			<view class="find">查看更多></view>
		</view>
		<view class="movie_row">
			<scroll-view scroll-x="true">
				<view class="nav">
					<view class="live-item">
						<video-viewer v-for="(item, index) in list1" :key="index" :src="item.src" :title="item.title"
							:value="item.value" :id="item.id">
						</video-viewer>
					</view>
				</view>
			</scroll-view>
		</view>

		<!-- 豆瓣热门 -->
		<view class="movie_container">
			<view>豆瓣热门</view>
			<view class="find">查看更多></view>
		</view>
		<view class="movie_row">
			<scroll-view scroll-x="true">
				<view class="nav">
					<view class="live-item">
						<video-viewer v-for="(item, index) in list2" :key="index" :src="item.src" :title="item.title"
							:value="item.value" :id="item.id">
						</video-viewer>
					</view>
				</view>
			</scroll-view>
		</view>

		<!-- 近期热门剧集 -->
		<view class="movie_container">
			<view>近期热门剧集</view>
			<view class="find">查看更多></view>
		</view>
		<view class="movie_row">
			<scroll-view scroll-x="true">
				<view class="nav">
					<view class="live-item">
						<video-viewer v-for="(item, index) in list3" :key="index" :src="item.src" :title="item.title"
							:value="item.value" :id="item.id">
						</video-viewer>
					</view>
				</view>
			</scroll-view>
		</view>

		<!-- 近期热门综 -->
		<view class="movie_container">
			<view>近期热门综艺</view>
			<view class="find">查看更多></view>
		</view>
		<view class="movie_row">
			<scroll-view scroll-x="true">
				<view class="nav">
					<view class="live-item">
						<video-viewer v-for="(item, index) in list4" :key="index" :src="item.src" :title="item.title"
							:value="item.value" :id="item.id">
						</video-viewer>
					</view>
				</view>
			</scroll-view>
		</view>

		<!-- 畅销图书 -->
		<view class="movie_container">
			<view>畅销图书</view>
			<view class="find">查看更多></view>
		</view>
		<view class="movie_row">
			<scroll-view scroll-x="true">
				<view class="nav">
					<view class="live-item">
						<video-viewer v-for="(item, index) in list5" :key="index" :src="item.src" :title="item.title"
							:value="item.value" :id="item.id">
						</video-viewer>
					</view>
				</view>
			</scroll-view>
		</view>

		<!-- 热门单曲榜 -->
		<view class="movie_container">
			<view>热门单曲榜</view>
			<view class="find">查看更多></view>
		</view>
		<view class="movie_row">
			<scroll-view scroll-x="true">
				<view class="nav">
					<view class="live-item">
						<video-viewer v-for="(item, index) in list6" :key="index" :src="item.src" :title="item.title"
							:value="item.value" :id="item.id">
						</video-viewer>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	import FirstVideo from "@/components/first-video/first-video.vue"
	export default {
		// 注册组件
		components: {
			'video-viewer': FirstVideo
		},
		onLoad() {
			// 获取屏幕信息
			let info = uni.getWindowInfo()
			console.log(info.screenWidth);
		},
		data() {
			return {
				list1: [{
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873135507.webp',
						title: '侏罗纪世界3',
						value: '3.15',
						id: "26873582"
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2874367740.webp',
						title: '一周的朋友',
						value: '3.7',
						id: "35131347"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873885713.webp',
						title: '天才计划',
						value: '3.55',
						id: "27046758"
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2871809800.webp',
						title: '唐顿庄园2',
						value: '4.15',
						id: "35008440"
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873970594.webp',
						title: '暗恋·橘生···',
						value: '2.3',
						id: "30449624"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873885713.webp',
						title: '云霄之上',
						value: '2.5'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2874164804.webp',
						title: '遇见你之后',
						value: '3.2'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873276186.webp',
						title: '镜世界',
						value: '3.4'
					}, {
						src: 'https://img1.doubanio.com/view/photo/m_ratio_poster/public/p2873563629.jpg',
						title: '哆啦A梦：...',
						value: '3.1'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870318303.webp',
						title: '坏蛋联盟',
						value: '3.65'
					},
					{
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2874213575.webp',
						title: '焚情',
						value: '3.6'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2871147122.webp',
						title: '边缘行者',
						value: '2.5'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873914003.webp',
						title: '绿茵之外',
						value: '3.8'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870257091.webp',
						title: '我是真的讨···',
						value: '2.3'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2868462052.webp',
						title: '花束般的恋爱',
						value: '4.3'
					},
					{
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2871106106.webp',
						title: '神奇动物：···',
						value: '3.8'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2869422067.webp',
						title: '月球陨落',
						value: '2.7'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2455050536.webp',
						title: '大话西游之···',
						value: '4.6'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870297032.webp',
						title: '密室逃生2',
						value: '3.1'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2870571717.webp',
						title: '精灵旅社4···',
						value: '3.15'
					},

				],
				list2: [{
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2869531882.webp',
						title: '天才不能承···',
						value: '3.45',
						id: "34890458"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873818227.webp',
						title: '目中无人',
						value: '3.55',
						id: "35295405"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2872943472.webp',
						title: '祝你好运，···',
						value: '4.1',
						id: "35235813"
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2871883924.webp',
						title: '光年正传',
						value: '3.65',
						id: "35284168"
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2868854690.webp',
						title: '不留痕迹',
						value: '3.5',
						id: "35211732"
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2871809800.webp',
						title: '唐顿庄园2',
						value: '4.15'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2872856462.webp',
						title: '必胜球探',
						value: '3.7'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2869765076.webp',
						title: '瞬息全宇宙',
						value: '3.85'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870976733.webp',
						title: '小说家的电影',
						value: '3.8'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870318303.webp',
						title: '坏蛋联盟',
						value: '3.65'
					},
					{
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2708256204.webp',
						title: '谁是超级英雄',
						value: '3.7'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873795999.webp',
						title: '天下行骗JP...',
						value: '3.6'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2868031426.webp',
						title: '甘古拜·卡...',
						value: '3.85'
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2874192380.webp',
						title: '古村狐妻',
						value: '3.25'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873273219.webp',
						title: '万湖会议',
						value: '4.1'
					},
					{
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2869751944.webp',
						title: '神秘海域',
						value: '3.15'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2762791899.webp',
						title: '暗夜博士：···',
						value: '2.85'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2871210079.webp',
						title: '巴黎夜旅人',
						value: '3.95'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2871106106.webp',
						title: '神奇动物：···',
						value: '2.95'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2870618629.webp',
						title: 'RRR',
						value: '3.6'
					},

				],
				list3: [{
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2656327176.webp',
						title: '梦华录',
						value: '4.25',
						id: "35231822"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2645165728.webp',
						title: '警察荣誉',
						value: '4.3',
						id: "35429466"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873122211.webp',
						title: '爱情应该有···',
						value: '4.1',
						id: "35396391"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2874163901.webp',
						title: '破事精英',
						value: '2.5',
						id: "35166507"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2872163998.webp',
						title: '爱，死亡和···',
						value: '4.25',
						id: "35436582"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2869306649.webp',
						title: '间谍过家家',
						value: '4.55'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2874368217.webp',
						title: '回廊亭',
						value: '3.7'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2868448056.webp',
						title: '怪物奇语 第···',
						value: '4.7'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2688770853.webp',
						title: '暗夜行者',
						value: '3.6'
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2868403760.webp',
						title: '我的解放日志',
						value: '4.55'
					},
					{
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2874625351.webp',
						title: '经典杯子蛋糕',
						value: '4.45'
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873152309.webp',
						title: '黑袍纠察队···',
						value: '4.7'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2871986075.webp',
						title: '重生之门',
						value: '3.3'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873213974.webp',
						title: '说英雄谁是···',
						value: '3.4'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873823534.webp',
						title: '加油！妈妈',
						value: '4.1'
					},
					{
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2874021327.webp',
						title: '还魂',
						value: '2.15'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2872406692.webp',
						title: '莉亚的7重···',
						value: '4.15'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2871793863.webp',
						title: '欢迎光临',
						value: '3.25'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2871136822.webp',
						title: '且试天下',
						value: '2.9'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870651002.webp',
						title: '流星',
						value: '3.75'
					},
				],
				list4: [{
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873329751.webp',
						title: '乘风破浪 第···',
						value: '3.15',
						id: "35723926"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2871487101.webp',
						title: '新游记',
						value: '2.4',
						id: "35656139"
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2873976030.webp',
						title: '怎么办！脱···',
						value: '3.55',
						id: "35890470"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2871303683.webp',
						title: '向往的生活···',
						value: '3.15',
						id: "35644637"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873118739.webp',
						title: '人生第二次',
						value: '4.7',
						id: "35664467"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2871578057.webp',
						title: '声生不息',
						value: '3.65',
						id: "35634451"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2869961111.webp',
						title: '初入职场的···',
						value: '3.85',
						id: "35800383"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2871417079.webp',
						title: '欢迎来到蘑···',
						value: '4.2',
						id: "35859355"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2872147637.webp',
						title: '意外的旅程',
						value: '4.8',
						id: "35876298"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870791291.webp',
						title: '卡戴珊家族',
						value: '3.8',
						id: "35763786"
					},
					{
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2871416992.webp',
						title: '非正式会谈···',
						value: '4.15',
						id: "35741349"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873293608.webp',
						title: '寻人记||',
						value: '4.8',
						id: "35663416"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2869277001.webp',
						title: '第六感 第三季',
						value: '3.65',
						id: "35713201"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2871629317.webp',
						title: '拉面豆',
						value: '4.2',
						id: "35861795"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2871614033.webp',
						title: '来吧！ 营业中',
						value: '4.25',
						id: "35791959"
					},
					{
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2872974710.webp',
						title: '璀璨帝国 第···',
						value: '2.25',
						id: "35872190"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2867307331.webp',
						title: '首尔Check in',
						value: '4.25',
						id: "35754743"
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2870591911.webp',
						title: '寻味贵阳',
						value: '4.15',
						id: "35800451"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2870722959.webp',
						title: '日落家园 第···',
						value: '3.6',
						id: "35657681"
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2871354839.webp',
						title: '我们离婚了2',
						value: '4.25',
						id: "35861909"
					},
				],
				list5: [{
						src: 'https://img3.doubanio.com/view/subject/l/public/s1727290.jpg',
						title: '追风筝的人',
						value: '4.45',
						id: "1770782"

					}, {
						src: 'https://img1.doubanio.com/view/subject/l/public/s29634528.jpg',
						title: '月亮与六便士',
						value: '4.4',
						id: "35142862"
					}, {
						src: 'https://img1.doubanio.com/view/subject/l/public/s1070959.jpg',
						title: '红楼梦',
						value: '4.8',
						id: "30137806"
					}, {
						src: 'https://img1.doubanio.com/view/subject/l/public/s2768378.jpg',
						title: '三体',
						value: '4.45',
						id: "3066477"
					}, {
						src: 'https://img2.doubanio.com/view/subject/l/public/s29651121.jpg',
						title: '房思琪的初···',
						value: '4.6',
						id: "35063046"
					}, {
						src: 'https://img2.doubanio.com/view/subject/l/public/s3078482.jpg',
						title: '三体二',
						value: '4.65'
					}, {
						src: 'https://img9.doubanio.com/view/subject/l/public/s1800355.jpg',
						title: '万历十五年',
						value: '4.45'
					}, {
						src: 'https://img9.doubanio.com/view/subject/l/public/s26012674.jpg',
						title: '三体三',
						value: '4.6'
					}, {
						src: 'https://img9.doubanio.com/view/subject/l/public/s33492346.jpg',
						title: '你当像鸟飞···',
						value: '4.35'
					}, {
						src: 'https://img9.doubanio.com/view/subject/l/public/s29350294.jpg',
						title: '杀死一只知···',
						value: '4.65'
					},
					{
						src: 'https://img1.doubanio.com/view/subject/l/public/s29237648.jpg',
						title: '被讨厌的勇气',
						value: '4.3'
					}, {
						src: 'https://img1.doubanio.com/view/subject/l/public/s11276847.jpg',
						title: '围城',
						value: '4.65'
					}, {
						src: 'https://img2.doubanio.com/view/subject/l/public/s27943411.jpg',
						title: '皮囊',
						value: '3.75'
					}, {
						src: 'https://img9.doubanio.com/view/subject/l/public/s1627374.jpg',
						title: '西游记（全···',
						value: '4.45'
					}, {
						src: 'https://img1.doubanio.com/view/subject/l/public/s1670978.jpg',
						title: '如何阅读一···',
						value: '4.15'
					},
					{
						src: 'https://img2.doubanio.com/view/subject/l/public/s1914861.jpg',
						title: '时间简史',
						value: '4.45'
					}, {
						src: 'https://img1.doubanio.com/view/subject/l/public/s33941998.jpg',
						title: '蛤蟆先生去···',
						value: '4.2'
					}, {
						src: 'https://img2.doubanio.com/view/subject/l/public/s32266692.jpg',
						title: '人生海海',
						value: '4.0'
					}, {
						src: 'https://img3.doubanio.com/view/subject/l/public/s28050760.jpg',
						title: '献给阿尔吉···',
						value: '4.55'
					}, {
						src: 'https://img9.doubanio.com/view/subject/l/public/s29799055.jpg',
						title: '云边有个小···',
						value: '3.75'
					},
				],
				list6: [{
						src: 'https://img1.doubanio.com/view/subject/m/public/s34232517.jpg',
						title: 'W',
						value: '2.95',
						id: "35916992"
					}, {
						src: 'https://img9.doubanio.com/view/subject/m/public/s34241274.jpg',
						title: '一周的朋友',
						value: '3.35',
						id: "35810199"
					}, {
						src: 'https://img9.doubanio.com/view/subject/m/public/s34244584.jpg',
						title: '习惯晚睡',
						value: '1.55',
						id: "35929152"
					}, {
						src: 'https://img9.doubanio.com/view/subject/m/public/s34246225.jpg',
						title: 'Storm',
						value: '3.6',
						id: "35930615"
					}, {
						src: 'https://img1.doubanio.com/view/subject/m/public/s34243379.jpg',
						title: '乐园Wonder',
						value: '2.8',
						id: "35930154"
					}, {
						src: 'https://img9.doubanio.com/view/subject/m/public/s34239694.jpg',
						title: '可',
						value: '2.9'
					}, {
						src: 'https://img1.doubanio.com/view/subject/m/public/s34233617.jpg',
						title: '怪火（lllusion）',
						value: '3.45'
					}, {
						src: 'https://img1.doubanio.com/view/subject/m/public/s34236218.jpg',
						title: '准明星',
						value: '3.55'
					}, {
						src: 'https://img1.doubanio.com/view/subject/m/public/s34239629.jpg',
						title: 'Glimpse of Us',
						value: '3.95'
					}, {
						src: 'https://img2.doubanio.com/view/subject/m/public/s34227053.jpg',
						title: 'Falling You',
						value: '3.9'
					},
					{
						src: 'https://img9.doubanio.com/view/subject/m/public/s34217185.jpg',
						title: 'Yet To Come',
						value: '3.1'
					}, {
						src: 'https://img1.doubanio.com/view/subject/m/public/s34241209.jpg',
						title: '园（Yuan）',
						value: '4.15'
					}, {
						src: 'https://img2.doubanio.com/view/subject/m/public/s34233812.jpg',
						title: '不惜时光',
						value: '3.7'
					}, {
						src: 'https://img3.doubanio.com/view/subject/m/public/s34227290.jpg',
						title: '乘风',
						value: '3.6'
					}, {
						src: 'https://img9.doubanio.com/view/subject/m/public/s34236854.jpg',
						title: '自作自爱',
						value: '1.85'
					}, {
						src: 'https://img2.doubanio.com/view/subject/m/public/s34236992.jpg',
						title: '梦华',
						value: '3.4'
					},
					{
						src: 'https://img2.doubanio.com/view/subject/m/public/s34242983.jpg',
						title: 'Goodbye',
						value: '3.1'
					}, {
						src: 'https://img2.doubanio.com/view/subject/m/public/s34238852.jpg',
						title: '今夕是何年',
						value: '3.4'
					}, {
						src: 'https://img1.doubanio.com/view/subject/m/public/s34233119.jpg',
						title: '凌云寂',
						value: '3.9'
					}, {
						src: 'https://img1.doubanio.com/view/subject/m/public/s34240339.jpg',
						title: 'So Good',
						value: '2.35'
					},
				],
			}
		},
		methods: {
			search(res) {
				uni.showToast({
					title: '搜索：' + res.value,
					icon: 'none'
				})
			}
		},
	}
</script>

<style>
	.search-row {
		background-color: #42BD55;
	}

	.movie_container {
		height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 4px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.find {
		color: #05B512;
	}

	.movie_row {
		/* height: 1000px;
		margin-left: 10px;
		margin-bottom: 10px; */
		margin-right: 1px;
		padding: 16px;
	}

	.nav {
		display: flex;
		flex-direction: row;
	}

	.live-item {
		display: flex;
		/* height: 500px; */
	}

	.nav-cover {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;

	}
</style>
